<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>匠心献爱心</title>
		<link rel="stylesheet" href="../css/common.css">
		<link rel="stylesheet" href="../css/page.css">
		<script src="../js/jquery-3.2.1.min.js"></script>
		<script src="../js/media.js"></script>
		<script src="../js/common.js"></script>
		<style>
			.Footprints {
				width: .46rem;
				height: .46rem;
				position: fixed;
				bottom: .72rem;
				right: .12rem;
			}
			.Excellent-shop ul li .bottom img:nth-child(1) {
				width: 2.12rem;
				height: 1.8rem;
				float: left;
				margin-right: .08rem;
			}
			.Excellent-shop ul li .bottom img {
				width: 1.07rem;
				height: .88rem;
			}
			.Excellent-shop ul li:nth-child(2n) img {
				margin-right: 0;
			}
			#jian_tou {
				width: 0.06rem !important;
				height: 0.09rem !important;
				vertical-align: middle;
			}
			.zhanwei{
				width: 100%;
				height: 0.5rem;
			}
		</style>
	</head>
	<body>
		<!--正文-->
		<div class="Excellent-shop bc-gray">
			<ul>
				<li v-for='item in datas'>
					<div class="top flex">
						<img :src="item.author_photo_url" alt="">
						<div class="center">
							<p class="t1">{{item.author_name}}</p>
							<p class="t2">
								<span style="background: url(../img/wxb.png) no-repeat left;background-size: .09rem .1rem;color: #5F3104;">{{item.store_name}}</span>
							</p>
						</div>
						<div class="right" @click='join_shop(this)'>鉴赏</div>
					</div>
					<div class="bottom clearfix" style="    height: 1.82rem;overflow-y: hidden;">
						<img :src="items.production_img_url" alt="" v-if="items" v-for='items in item.production_slideshow' @click='works_info(this)'>
						<img src='http://iph.href.lu/212x180?text=%E6%95%AC%E8%AF%B7%E6%9C%9F%E5%BE%85'/>
						<img src='http://iph.href.lu/212x180?text=%E6%95%AC%E8%AF%B7%E6%9C%9F%E5%BE%85'/>
						<img src='http://iph.href.lu/212x180?text=%E6%95%AC%E8%AF%B7%E6%9C%9F%E5%BE%85'/>
					</div>
					
				</li>
			</ul>
		</div>
		<script src="../js/vue.js"></script>
		<script src="../js/vue-resource.min.js"></script>
		<script>
			$(function() {
				new Vue({
					el: 'body',
					data: {
						datas:''
					},
					ready: function() {
//						this.$http.get(base_url + 'ZITAOHUI/goodStore').then(
//							function(response) {
//								//console.log(response)
//								var all_data = response.data.extend.list;
//								for(var i = 0; i < all_data.length; i++) {
//									var aim = all_data[i].produce;
//									all_data[i].produce_three = [aim[0], aim[1], aim[2]];
//								}
//								//console.log(all_data[i].produce_three);
//								this.$set('data', all_data);
//								console.log(all_data);
//							},
//							function() {})
						var _self = this;
						$.ajax({
				            url:base_url+"ZITAOHUI/getCelebrityList",//名人堂列表的接口
				            data:JSON.stringify({
				            	
				            }),
				            type:"POST",
				            dataType:"json",
				            contentType: "application/json;charset=UTF-8;",
				            success:function (data){
				            	var all_data = data.extend.list
				                _self.datas = all_data;
				                for(var i=0;i<data.extend.list.length;i++){
				                	for (var j=0;j<3-data.extend.list[i].production_slideshow.length;j++) {
				                		$("<img src='http://iph.href.lu/212x180?text=%E6%95%AC%E8%AF%B7%E6%9C%9F%E5%BE%85'/>").appendTo($(".bottom").eq(i))
				                	}
				                }
				            },
				            error:function (error){
				            }
				        })
					},
					methods: {
						join_shop: function(t) {
							//console.log(t)
							window.location.href = '../page/my_author.html?author_id=' + t.item.author_id ;
							
						},
						works_info: function(t) {
							window.location.href = '../page/my_woke_info.html?production_id=' + t.items.production_id + "&time=" + new Date().getTime()
						}
					}
				});
				
			})
			function nextMy (){
		            if(localStorage.getItem("mytype") == 1){
		                window.location.href = "../wode/Sellers-center.html";
		            }else{
		                window.location.href='../wode/my-page.html';
		            }
		        }
		</script>
	</body>
</html>